import router from './router'
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'

import store from '@/store'

// 白名单
const white_list = ['/login', '404', '/login1', 'word']

// 前置守卫，开启进度条
router.beforeEach(async(to, form, next) => {
  // 开启进度条
  nprogress.start()
  // 获取Vuex中的token
  // 判断token的存在
  const token = store.getters.token
  if (token) {
    // 判断是否室登录页
    if (to.path === '/login') {
      nprogress.done()
      next('/')
    } else {
      // 页面每次跳转的时候，获取用户信息
      if (!store.getters.userId) {
        await store.dispatch('user/getUserInofActions')
      }
      next()
    }
  } else { // 没有token
    if (white_list.includes(to.path)) {
      // 如果在白名单，放行，关闭加载行
      nprogress.done()
      next()
    } else {
      // 如果不在白名单，进入登录页，关闭加载行
      nprogress.done()
      next('/login')
    }
  }
})

// 后置守卫，关闭进度条
router.afterEach(() => {
  // 关闭进度条
  nprogress.done()
})
